<template>
  <div id="home">
    <el-menu
        :default-active="activeIndex2"
        class="el-menu-demo" mode="horizontal"
        background-color="#545c64"
        text-color="#fff"
        active-text-color="#ffd04b">
      <el-menu-item index="1">首页</el-menu-item>
      <el-menu-item index="2"><a href="http://localhost:8081/login.html" target="_blank">登录</a></el-menu-item>
      <el-menu-item index="3"><a href="http://localhost:8081/user.html" target="_blank">客户信息</a></el-menu-item>
      <el-menu-item index="4"><a href="http://localhost:8080/websocket/里斯" target="_blank">在线咨询</a></el-menu-item>
    </el-menu>
    <HomePage/>
    <AboutUs/>
    <AboutLawyer/>
    <SecurityResearch/>
  </div>
</template>

<script>
import HomePage from "@/components/HomePage";
import SecurityResearch from "@/components/SecurityResearch";
import AboutUs from "@/components/AboutUs";
import AboutLawyer from "@/components/AboutLawyer";
export default {
  name: "Home",
  components: {AboutLawyer, AboutUs, SecurityResearch, HomePage}
}
</script>

<style scoped>
body {
  background-color: #333333;
}
</style>